﻿/* DEFAULTS
----------------------------------------------------------*/

html, body
{
    background: #7F7F7F;
    font-size: .80em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0px 0px;
    padding: 0px;
    color: #696969;    
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #FFFFFF;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 2em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}



/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/



.main
{
    padding: 0px 0px;
    margin: 0px auto;
    height:700px;
}

.column
{
    
    float: left;
    text-align:center;
    padding:0px;
    margin:0px;
    overflow:auto; 
     height:750px;
}

.columnGroup
{
    text-align:center;
    float:left;
}

.groupScheduled
{
    width: 10.5%;
    background-color: #D4D4D4;
}
.groupAnalysis
{
    width: 27%;
    background-color: #BFBFBF;
}
.groupDevelopment
{
    width: 36%;
    background-color: #AAAAAA;
}
.groupTesting
{
    width: 26%;
    background-color: #949494;
}


.scheduled
{
    width:10%
}

.analysis
{
    width:32.7%;
}

.development
{
    width:24.7%;
}

.testing
{
    width:32.5%;
}


.list
{
    overflow:auto;
    padding:0px 10% 0px 10%;
    margin:0px auto;
    height:700px;
}

.leftBorder
{
    border-left:1px solid black;
}


.item
{
    display: block;
    width: 100%;
    min-height: 90px;
    max-height: 90px;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-left: 0px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
}

.placeholder
{
    border-style: dotted;    
    background-color: #FFFFFF;
}



h1.columnHeader
{
    font-size: 1.6em;
    padding: 0px;
    margin: 0px;
    font-weight:bold;
    height:25px;  
    color:White;  
}

h2.columnHeader
{
    font-size: 1.2em;
    padding: 0px;
    margin: 0px;
    font-weight:bold;
    height:40px;
    color:White;
}

.itemHeader
{
    font-weight:bold;
    font-size:1em;
    margin:0px;
    padding:1px 3px 1px 3px;
    width:50%;
    border-bottom:1px dashed black;
}

.idHeader
{    
    text-align:right;
    float:right;
}

.priorityHeader
{
    text-align:left;
}

.changeHeader
{
    background-color: #FFFF6A;
}

.changeBody
{
    background-color: #FFFFD5;
}

.analysisHeader
{
    background-color: #6AFF6A;
}

.analysisBody
{
    background-color: #D5FFD5;
}

.suggestionHeader
{
    background-color: #6AFFFF;
}

.suggestionBody
{
    background-color: #D5FFFF;
}

.internalQualityProblemHeader
{
    background-color: #FFB56A;
}

.internalQualityProblemBody
{
    background-color: #FFEAD5;
}

.supportRequestHeader
{
    background-color: #B4B4B4;
}

.supportRequestBody
{
    background-color: #E9E9E9;
}

.defectHeader
{
    background-color: #FF6A6A;
}

.defectBody
{
    background-color: #FFD5D5;
}

.crResponsible
{
    font-weight: bold;
    font-size: 1em;
    width: 100%;
    height: 1.5em;
    margin: 0px;
    padding: 0px;
    float: left;
    overflow: hidden;
    border-bottom:1px dashed black;
}
.crQAResponsible
{
    float: right;
    font-weight: bold;
    font-size: 0.8em;
    width: 50%;
    height: 1.5em;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.header
{
    margin-left:1em;
    color:#000;
    font-size:1.5em;
}

.unid
{
    display:none;
}

div.crTitle
{
    font-size:1em;
    margin:0px;
    padding: 5% 5% 5% 5%;
    text-align:left;   
}


/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width:1040px;
    height:500px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items > div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

.apple_overlay { 
    display:none; 
    background-image:url(../Client/Images/white.png); 
    width:1040px;         
    padding:35px; 
} 
 
.apple_overlay div.close { 
    background-image:url(../Client/Images/close.png); 
    position:absolute; right:5px; top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}
div.apple_overlay.black { 
    background-image:url(../Client/Images/transparent.png);         
    color:#fff; 
}

.description {
	line-height:5em;
}

.description .h {
	color:#777777;
	font-size:5em;
	margin-right:0.3em;
}
.description .v {
	font-size:5em;
}
.description .m {
	margin-top:30px;
}